.j-sidebar__wrapper {
}

.j-sidebar {
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.j-sidebar__header {
    position: relative;
    margin-bottom: .25rem;
    cursor: default;
    .title {
        //color: $logo-color;
        color: $main-font-color;
        font-size: 1.2rem;
        font-weight: normal;
        border-bottom: 1px dotted $border-color;
        padding-bottom: .5rem;
        &::after {
            content: "";
            width: 100px;
            height: 2px;
            background: $logo-color;
            position: absolute;
            left: 0;
            bottom: 0;
        }
    }
    .btn-area {
        float: right;
        //color: $main-title-sub-color
    }
}

.j-sidebar__body {
    //margin-top: 1.5rem;
}

.j-article--sidebar {
    padding: .75rem .25rem;
    border-bottom: 1px solid $border-color;
    .category, .time, .j-article__a {
        font-size: 1rem;
        //color: $main-title-sub-color;
    }
    .j-article__title {
        font-size: 1.1rem;
        font-weight: 300;
        margin-top: .25rem;
    }
    .j-article__title:hover {
        text-decoration: underline;
    }
    .j-img-warp {
        width: 100px;
        margin-right: 0.75rem;
    }
}

// 文章归档
.j-sidebar--archives, .j-sidebar--category {
    li {
        padding: .5rem 0;
        //border-bottom: 1px solid $border-color;
        position: relative;
    }
}

.j-sidebar--category .j-sidebar__body,
.j-sidebar--tags .j-sidebar__body {
    list-style: none;
    //padding-left: 1rem;
    //padding-right: 1rem;
    padding: 1rem;
    li {
        border-bottom: 1px solid $border-color;
    }
}

.j-sidebar--archives .j-sidebar__body {
    padding-left: 2rem;
    li::after {
        content: "";
        width: 100px;
        height: 1px;
        background: $border-color;
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

// 标签
.j-sidebar--tags {

}

.j-sidebar--tags__tag {

}

.j-sidebar--search {
    .j-sidebar__body {
        //padding: ;
    }
    .j-sidebar--search__input {
        margin: 1.5rem .5rem;
    }
    h6 {
        position: relative;
        margin-bottom: 2rem;
        text-align: center;
    }
    h6::after {
        content: "";
        width: 20px;
        height: 2px;
        background: $border-color;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -5px;
    }

}

.j-sidebar--about {
    margin-top: 4rem;
    //padding-top: 0;
    .card__header {
        border-radius: 50% !important;
        margin-top: -60px !important;
    }
}
